<!doctype html>
<html lang="en" xmlns:th="http://www.thymeleaf.org">
<head>
    <meta charset="UTF-8">
    <meta name="viewport"
          content="width=device-width, user-scalable=no, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0">
    <meta http-equiv="X-UA-Compatible" content="ie=edge">
    <title>可乐-Blog 系统管理-文章管理</title>
    <link rel="shortcut icon" type="image/x-icon" th:href="@{/static_resources/favicon.ico}" />
    <link rel="stylesheet" th:href="@{/static_resources/css/nav.css}" type="text/css">
    <link rel="stylesheet" th:href="@{/static_resources/css/leftNav.css}" type="text/css">
    <link rel="stylesheet" th:href="@{/static_resources/css/management.css}" type="text/css">
    <link rel="stylesheet" th:href="@{/static_resources/css/article.css}" type="text/css">
</head>
<body>
<div class="navHeader">
    <div class="lalala">
        <div class="navLeft">
            <div class="logo">
                <img th:src="@{/static_resources/img/KeLe.png}" alt="">
                <div class="KeLeWorld">
                    <img th:src="@{/static_resources/img/KeLeWorld.png}" alt="">
                </div>
            </div>
            <ul class="navUl">
                <li class="navLi">
                    <a class="A" th:href="@{../tooIndex}">首页</a>
                </li>
                <li class="navLi">
                    <a class="A" th:href="@{../to/toClassify}">分类</a>
                </li>
                <li class="navLi border-B">
                    <a class="A">管理系统</a>
                </li>
            </ul>
        </div>
        <div class="navF11">
            <div class="searchContainer">
                <div class="searchInput">全屏</div>
                <div class="glass">
                    <img th:src="@{/static_resources/img/fullScreen.png}" alt="">
                </div>
            </div>
        </div>
        <div class="navMiddle">
            <div class="searchContainer">
                <a th:href="@{../to/toSearch}" class="searchInput">搜索</a>
                <div class="glass">
                    <img th:src="@{/static_resources/img/fangdajing.png}" alt="">
                </div>
            </div>
        </div>
        <div class="navRight">
            <div class="workCenter">
                <a class="A" th:href="@{../to/toWrite}" target="_blank">
                    创作中心
                </a>
            </div>
            <div class="vip">
                <a class="A" th:href="@{../to/toVipCenter}">会员中心</a>
            </div>
            <div class="headerPictureContainer">
                <div class="headerPicture headerPictureS">

                </div>
                <div class="message">
                    <h3 class="messageName"></h3><!--后台数据*用户名-->
                    <div class="vipTF">vip</div><!--vip-->
                    <div class="line"></div><!--下划线-->
                    <div class="personalCenterC">
                        <div class="personalCenter">
                            <a class="peopleCenter" th:href="@{../users/toPeople}">个人中心</a>
                        </div>
                        <div class="personalCenterIco">
                            <img th:src="@{/static_resources/img/icon7.png}" alt="">
                        </div>
                    </div>
                    <div class="personalCenterO">
                        <div class="personalCenter">
                            <a class="peopleCenter" th:href="@{../blogs/findBlogsByBlogger}">内容管理</a>
                        </div>
                        <div class="personalCenterIco">
                            <img id="OtherPicture" th:src="@{/static_resources/img/neirongguanli.png}" alt="">
                        </div>
                    </div>
                    <div class="personalCenterO">
                        <div class="personalCenter">
                            <a class="peopleCenter" th:href="@{../to/toMyCollect}">我的收藏</a>
                        </div>
                        <div class="personalCenterIco">
                            <img th:src="@{/static_resources/img/collection.png}" alt="">
                        </div>
                    </div>
                    <div class="personalCenterO">
                        <div class="personalCenter">
                            <a class="peopleCenter">退出登录</a>
                        </div>
                        <div class="personalCenterIco">
                            <img th:src="@{/static_resources/img/tuichu.png}" alt="">
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
</div>
<!--系统管理/用户管理-->
<div class="managementLeftNavContainer">
    <div>
        <ul class="userManagement">
            <li class="userManagementLi backgroundColor">
                <a class="userManagementA blackColor" th:href="@{../manager/findAllUser}">
                    用户管理
                </a>
            </li>
        </ul>
        <ul class="articleManagement">
            <li class="userManagementLi">
                <a class="userManagementA whiteColor publicChecked">
                    文章管理
                </a>
            </li>
        </ul>
        <ul class="pictureManagement">
            <li class="userManagementLi backgroundColor">
                <a class="userManagementA blackColor" th:href="@{../to/toPicture}">
                    评论管理
                </a>
            </li>
        </ul>
    </div>
</div>
<div class="managementContainer">
    <div class="management">
        <h3>
            文章管理
        </h3>
    </div>
    <table id="userTable">
        <thead>
        <tr>
            <th>博客ID</th>
            <th>博主</th>
            <th style="display: none">博客标题</th>
            <th>热度</th>
            <th style="display: none">发布日期</th>
            <th style="display: none">博客类型</th>
            <th>创作类型</th>
            <th>点赞数</th>
            <th>收藏</th>
            <th colspan="2">操作</th>
        </tr>
        </thead>

        <tbody class="tbody">

        <tr th:each="blog:${pageInfo.list}">
            <!--/*@thymesVar type="com.kele.domain.Blog"*/-->
            <td th:text="${blog.bid}"></td>
            <td th:text="${blog.blogger}"></td>
            <td th:text="${blog.title}" style="display: none"></td>
            <td th:text="${blog.doh}"></td>
            <td th:text="${blog.releasetime}" style="display: none"></td>
            <td th:text="${blog.type}" style="display: none"></td>
            <td th:text="${blog.toc}"></td>
            <td th:text="${blog.thumbsup}"></td>
            <td th:text="${blog.collection}"></td>
            <td colspan="2">
                <a class="lookUp">查看</a>
                <a class="delete">删除</a>
            </td>
            <div class="mask"></div>
            <div class="lookUpPop" style="height: 400px">
                <span class="lookUpCut">×</span>
                <h3>查看文章信息</h3>
                <form  id="userForm"  method="post">
                    <div class="popBox">
                        <div class="popText">
                            <p>博客id: </p>
                            <input type="text" class="popInput"  disabled th:value="${blog.bid}">
                        </div>
                        <div class="popText">
                            <p>博主: </p>
                            <input type="text" class="popInput"  disabled th:value="${blog.blogger}">
                        </div>
                        <div class="popText">
                            <p>博客标题: </p>
                            <input type="text" class="popInput"  disabled th:value="${blog.title}">
                        </div>
                        <div class="popText">
                            <p>热度: </p>
                            <input type="text" class="popInput"  th:value="${blog.doh}" disabled>
                        </div>
                        <div class="popText">
                            <p>发布日期: </p>
                            <input type="text" class="popInput"  disabled th:value="${blog.releasetime}">
                        </div>
                        <div class="popText">
                            <p>博客类型: </p>
                            <input type="text" class="popInput" disabled th:value="${blog.type}">
                        </div>
                        <div class="popText">
                            <p>创作类型: </p>
                            <input type="text" class="popInput"  disabled th:value="${blog.toc}">
                        </div>
                        <div class="popText">
                            <p>点赞数: </p>
                            <input type="text" class="popInput" disabled th:value="${blog.thumbsup}">
                        </div>
                        <div class="popText">
                            <p>收藏: </p>
                            <input type="text" class="popInput" disabled th:value="${blog.collection}">
                        </div>
                    </div>
                </form>
            </div>
            <div class="popupWindow">
                <p class="userNameP">你确定删除<b><span class="userNameS">
                </span></b>吗？</p>
                <button class="cancel">取消</button>
                <a class="determine" th:href="@{ deleteBlog( id=${blog.bid},pageNum=${pageInfo.pageNum},total=${pageInfo.size} ) }">确定</a>
            </div>
        </tr>
        </tbody>
    </table>
    <div class="paging" >
        <a th:href="@{'findBlogs?pageNums=1'}"><button class="firstPage changeColor" >首页</button></a>

        <span th:if="${pageInfo.isHasPreviousPage()}">
            <a th:href="@{'findBlogs?pageNums='+${pageInfo.prePage}}">
                <button class="goPrePage changeColor">上一页</button>
            </a>
        </span>
        <span th:unless="${pageInfo.isHasPreviousPage()}">
            <a th:href="@{'findBlogs?pageNums='+${pageInfo.prePage}}">
                <button class="goPrePage" disabled style="cursor: no-drop">上一页</button>
            </a>
        </span>
        <span th:each="accs:${pageInfo.navigatepageNums}">

            <span th:if="${pageInfo.pageNum} eq ${accs}">
                <a th:href="@{'findBlogs?pageNums='+${accs}}">
                    <button class="allPages" style="background-color: #00c4ff;color: #FFFFFF" th:text="${accs}" disabled></button>
                </a>
            </span>

            <span th:unless="${accs} eq ${pageInfo.pageNum}">
                <a th:href="@{'findBlogs?pageNums='+${accs}}">
                    <button class="allPages changeColor" th:text="${accs}"></button>
                </a>
            </span>

        </span>

        <span th:if="${pageInfo.isHasNextPage()}">
            <a th:href="@{'findBlogs?pageNums='+${pageInfo.nextPage} }">
                <button class="goNextPage changeColor" >下一页</button>
            </a>
        </span>
        <span th:unless="${pageInfo.isHasNextPage()}">
            <button class="goNextPage" disabled style="cursor: no-drop">下一页</button>
        </span>
        <span>
            <a th:href="@{'findBlogs?pageNums='+${pageInfo.pages} }">
                <button class="lastPage changeColor">尾页</button>
            </a>
        </span>
    </div>
</div>
<script th:src="@{/static_resources/js/nav.js}" type="text/javascript"></script>
<script th:src="@{/static_resources/js/leftNav.js}" type="text/javascript"></script>
<script th:src="@{/static_resources/js/article.js}" type="text/javascript"></script>
<script th:src="@{/static_resources/js/otherLogin.js}" type="text/javascript"></script>
</body>
</html>